@charset "utf-8";
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/c/font_4316177_bq638ygbcid.woff2?t=1699434632472) format('woff2'),url(//at.alicdn.com/t/c/font_4316177_bq638ygbcid.woff?t=1699434632472) format('woff'),url(//at.alicdn.com/t/c/font_4316177_bq638ygbcid.ttf?t=1699434632472) format('truetype')}
.iconfont{font-family:iconfont!important;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-size:16px}
@font-face{font-family:DIN;font-weight:350;src:url(../fonts/DIN-Bold.otf) format("otf")}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;outline:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}
body{font:14px/1.8 "Noto Sans SC","Source Han Sans CN","SourceHanSansCNRegular","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",Arial,Helvetica,SimHei,"黑体",STXihei,"华文细黑",sans-serif;margin:0 auto;color:#333;background-color:#fff;-webkit-tap-highlight-color:transparent;font-style: normal!important;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
i{font-style:inherit}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
strong{font-weight:700}
img{border:0;max-width:100%}
input{outline:0}
input[type=button],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none;border-radius:0}
textarea{-webkit-appearance:none;border-radius:0;outline:0}
::-webkit-scrollbar{width:6px;height:6px;background-color:#fff}
::-webkit-scrollbar-thumb{background-color:#804f21}
::-moz-selection{background:#804f21;color:#fff;text-shadow:none}
::-moz-selection{background:#804f21;color:#fff;text-shadow:none}
::selection{background:#804f21;color:#fff;text-shadow:none}
select{outline:0}
select::-ms-expand{display:none}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;color:#000}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none;outline:0;color:#804f21}
a:focus{text-decoration:none;outline:0}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.tc{text-align:center}
.tr{text-align:right}
.l{float:left;display:inline-block}
.r{float:right;display:inline-block}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.pic{overflow:hidden}
.pic img{display:block}
.trans,.trans:hover{-webkit-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-moz-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-o-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-ms-transition:all .8s cubic-bezier(.19,1,.22,1) 0s}
.trtion{transition:.7s;-webkit-transition:.7s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out}
.transY{transform:translateY(60px);-webkit-transform:translateY(60px);opacity:0}
.transY-200{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0}
.hover-line-bg::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background-color:#804f21}
.hover-line-bg:hover::before{height:100%;bottom:auto;top:0}
/*.wow{visibility:hidden}*/
.container{width:1440px;margin:0 auto;position:relative}
.scale:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.scaleimg{transition:.6s;-webkit-transition:.6s}
.more-y{background-color:#0097e0;border:1px solid #0097e0;color:#fff;padding:10px 30px;border-radius:50px;font-size:16px;display:inline-block;position:relative;overflow:hidden}
.more-y span{position:relative;z-index:10}
.more-y:hover{background-color:rgb(255 255 255 / 80%);border:1px solid #0097e0;color:#0097e0}
.more-y:hover span{color:#fff}

.more-f{background-color:#ffffff;border:1px solid #5F5F5F;color:#5F5F5F;padding:10px 30px;border-radius:0;font-size:14px;position:relative;display:inline-block;overflow:hidden;}
.more-f:hover{background-color:#804f21;border:1px solid #804f21;color:#fff;}

.title{font-size: 36px;text-align: center;position: relative;color: #000000;}
.title::after{content: '';position: absolute;left: 50%;bottom: 0;z-index: 1;width: 30px;height: 2px;background-color: #ffffff;margin-left: -15px;}


header{position:absolute;z-index:100;top:0;left:0;width:100%;}
header.active{position: fixed;background-color: #ffffff;box-shadow: 2px 2px 5px #83838391;}
header.active .container{margin-top: 0;height: 63px;background: #ffffff;}
header.active .logo{padding: 14px 0;}
header.active .nav li a{padding: 7px 35px;}
header.active .nav li .subnav{top: 63px;}
header.active .search{margin: 23px 0 0 80px;}
header.active .head_search{top: 63px;}
header .container{background:url(../images/headerbg.png) 0 0 no-repeat;margin-top: 60px;padding: 0 80px;width: 1280px;height: 113px;}
.navbar{position:relative;margin-top:0}
.logo{margin-top:0px;padding:39px 0;}
.nav li{float:left;display:block;position:relative}
.nav li a{padding: 32px 35px;font-size:18px;width:auto;height:50px;line-height:50px;display:block;color:#534534;font-weight:700;text-align:center;position:relative;}
.nav li a.hasline:hover::after{width: calc(100% - 70px);}
.nav li a.hasline:hover::after{left: 35px;}
.nav li a.hasline::after{right: 35px;}
.nav li.active a.hasline::after{left: 35px;width: calc(100% - 70px);    background-color: #804f21;}
.nav li .subnav{padding:10px 0;display:none; background-color: rgb(255 255 255 / 78%);position: absolute;left: 0;top: 113px;z-index: 99;width: 142px;}
.nav li .subnav a{line-height:30px;height:30px;font-size:14px;font-weight:400;padding: 5px 0;}
.nav li .subnav a:hover{background-color:#fff}
.nav li .subnav a:after{content:''}
.lang,.search{margin:50px 0 0 80px}
.lang a,.search a{}
.search a img{display: block;}
.head_search{position:absolute;width:100%;background-color:rgba(255,255,255,.95);top:113px;left:0;height:30vh;display:none}
.head_search .head_search_box{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.head_search .head_search_box .shuru_box{position:relative;font-size:0;padding:8px;border-bottom:1px solid #dfdede;width:680px}
.head_search .head_search_box .shuru_box input{width:calc(100% - 30px);height:26px;font-size:16px;color:#333;line-height:20px;padding:3px 50px 3px 0;padding-right:12px;border:none;background:0 0;outline:0}
.head_search .head_search_box .shuru_box .icon_shuru{position:absolute;right:10px;width:30px;height:30px;top:10px;z-index:9;cursor:pointer;color:#545454}
.head_search .head_search_box .shuru_box .icon_shuru:hover{color:#804f21}
.head_search .head_search_box .shuru_box i{color:#804f21;font-size:16px}
.banner{position:relative}
.banner-swiper{width:100%;height:920px;color:#fff}
.banner-swiper .swiper-slide{display:flex;justify-content:center;align-items:center;position:relative}
.banner-swiper .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1,1)}
.banner-swiper .swiper-slide-active img,.banner-swiper .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1.1,1.1)}

.index-about{padding:100px 0 0}
.index-about .container{display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden}
.index-about .container .tit{width:250px}
.index-about .container .tit .lm_en{color: #5f5f5f;position: relative;padding-left: 45px;font-weight: bold;}
.index-about .container .tit .lm_en::after{content: '';position: absolute;left: 0;top: 11px;width: 40px;height: 3px;background-color: #5f5f5f;}
.index-about .container .tit .lm_cn{font-size: 48px;line-height: 1;color: #000000;font-weight: 500;margin-top: 30px;}
.index-about .container .tit .lm_con{font-size: 40px;line-height: 1;color: #0a0a0a;font-weight: 100;margin-top: 20px;}
.index-about .container .tit .en{margin-top: 30px;font-size: 12px; color: #646464;text-transform: uppercase;letter-spacing: 4px;}
.index-about .container .tit .more-f{margin-top: 50px;text-transform: uppercase;}
.index-about .container .tit .more-f i{font-size: 12px;margin-left: 30px;}

.index-about .container .right{width: 1000px;}
.index-about .container .right .con h2{font-size: 22px;color: #000;}
.index-about .container .right .con .c{margin-top: 20px;}
.index-about .container .right .con .c p{text-indent: 32px;font-size: 16px;line-height: 30px;}
.index-num{display:flex;justify-content:space-between;overflow:hidden;margin-top:80px}
.index-num .item{font-size:18px;background: url(../images/numbg.jpg) 0 0 no-repeat;width: 171px;height: 171px;overflow: hidden;    padding: 47px 0 0 0;text-align: center;}
.index-num .item span{font-size:48px;font-family:DIN;font-weight:700;color:#804f21;line-height:50px}
.index-num .item p{font-size:14px}


.index-product{padding:100px 0;}
.index-product .left{width: 535px;position: relative;padding-right: 70px;}
.index-product .left .con{position: absolute;width: 435px;text-align: center;height:83px ;background-color: #ffffff;z-index: 1;bottom: 50px;left: 50px;font-size: 18px;padding-top:20px;}
.index-product .left .con span{display: block;font-size: 14px;color: #804f21;position: relative;}
.index-product .left .con span::after,.index-product .left .con span::before{position: absolute;left: 50%;bottom: 11px;width: 30px;height: 1px;background-color: #804f21;content: '';z-index: 1;}
.index-product .left .con span::after{margin-left: -80px;}
.index-product .left .con span::before{margin-left: 50px;}
.index-product .left .swiper-button-prev,.index-product .left .swiper-button-next{bottom: 0;right: 0;top: auto;left: auto;width: 70px;height: 70px;line-height: 70px;background-color: #ededed;color: #000000;}
.index-product .left .swiper-button-prev{bottom: 70px;}
.index-product .left .swiper-button-prev:hover,.index-product .left .swiper-button-next:hover{background-color:#c19264;color: #ffffff;}
.index-product .left .swiper-button-next:after,.index-product .left .swiper-button-prev:after {font-size: 16px;font-weight: bold;}

.index-product .right .subnav{font-size: 18px;margin-bottom: 20px;text-align: right;}
.index-product .right .subnav a{color:#858585;display: inline-block;padding-right: 100px;position: relative;}
.index-product .right .subnav a::after{content: '';width: 2px;height: 20px;background-color: #858585;right: 48px;top: 7px;position: absolute;}
.index-product .right .subnav a:last-child{padding: 0;}
.index-product .right .subnav a:last-child::after{display: none;}
.index-product .right .subnav a:hover{color:#c19264 ;}
.product_list .item{position: relative;float: left;margin-right: 12px;}
.index-product .right .product_list{width:762px}
.index-product .right .product_list .item:nth-child(1),
.index-product .right .product_list .item:nth-child(2),
.index-product .right .product_list .item:nth-child(3){margin-bottom:10px}
.index-product .right .product_list .item:nth-child(3n){margin-right: 0;}
.index-product .product_list .item{width: 246px;height: 369px;overflow: hidden;}
.product_list .item .t{opacity:0;visibility:hidden;transform:translateY(110%);transition:.65s;position:absolute;top:0;left:0;bottom:0;right:0;background:rgb(193 146 100 / 82%);padding:70px 20px;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}
.product_list .item:hover .t{opacity:1;visibility:visible;transform:translateY(0)}
.product_list .item .t .b-t{font-size:24px;}
.product_list .item .t .s-t{font-size:18px;}
.product_list .item a{color: #fff;}
.product_list .item a:hover{color: #000;}

.index-brand{background: url(../images/brand.jpg) 0 0 no-repeat;}
.index-brand .subnav{background-color: rgb(255, 255, 255,0.3);width: 275px;}
.index-brand .subnav .item{position: relative;}
.index-brand .subnav .item::after{position: absolute;bottom: -1px;left: 50px;width: 175px;height: 3px;background-color: #ffffff;content: '';}
.index-brand .subnav .item:last-child::after{display: none;}
.index-brand .subnav .item a{display: block;padding: 52.5px 0;text-align: center;}
.index-brand .subnav .item a:hover,.index-brand .subnav .item.active a{background-color: #8b6035;}
.index-brand .box{position: relative;margin-top: 280px;width: 1070px;color: #ffffff;font-size: 18px;}
.index-brand .brandbox{position:absolute;top:0;left:0;opacity:0;z-index:3}
.index-brand .brandbox.active{transform:translate(0);-webkit-transform:translate(0);opacity:1;z-index:5;position:relative}
.index-brand .brandbox h2{position: relative;font-size: 24px;padding: 0 0 8px 60px;}
.index-brand .brandbox h2::after{content: '';position: absolute;left: 0;bottom: 0;background:url(../images/brand_t.png) 0 0 no-repeat;width:348px ;height: 40px;}
.index-brand .brandbox .con{margin-top: 30px;}

.index-brand .title{position: absolute;width: 100%;top: 115px;color: #ffffff;}

.index-news{padding: 100px 0;}
.index-news .title::after{background-color: #000000;}
.index-news .left{width: 1130px;}
.index-news .box{margin-top: 40px;}
.news_list .item{float: left;width: 510px;margin: 0 70px 70px 0;}
.news_list .item .date{font-size: 42px;color: #a2a2a2;font-weight: 100;}
.news_list .item .tit a{font-size: 18px;line-height: 40px;}
.news_list .item .des{color: #acacac;font-size: 15px;border-bottom: 1px solid #D7D7D7;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 30px;padding-bottom: 8px;}
.news_list .item .more{margin-top: 20px;}
.news_list .item .more .iconfont{font-size: 14px;}

.index-news .news_list .item{margin: 0 90px 70px 0;}
.index-news .news_list .item:nth-child(2n){margin-right: 0;}
.index-news .right .item{margin-bottom: 80px;overflow: hidden}
.index-news .right .item:last-child{margin: 0;}

.index-join{background: url(../images/hezuo.jpg) 0 0 no-repeat;width: 100%;height: 315px;text-align: center;color: #ffffff;padding-top: 80px;}
.index-join .en{font-size: 42px;font-family: "DIN";}
.index-join .cn{font-size: 36px;}
.index-join .more-f{margin-top: 20px;background-color: inherit;border: 2px solid #cccccc;color: #ffffff;padding: 10px 40px;}
.index-join .more-f:hover{background-color: #ffffff;color: #8b6035;border-color: #8b6035;}

footer{padding: 0 0 80px  0;background-color:#f5f5f5;color:#000000}

.foot-nav{border-bottom: 1px solid #D8D8D8;}
.foot-nav ul li{width:280px;text-align:center;float: left;padding: 25px 0;height: 30px;line-height: 30px;}
.foot-nav ul li:first-child{text-align: left;width: 155px;}
.foot-nav ul li:last-child{text-align: right;width: 155px;}
.foot-nav ul li a{font-size:16px;}

.foot-1{margin-top: 70px;font-size: 16px;}
.foot-1 .cont{width: 360px;}
.foot-1 .cont .item{float: left;margin-bottom: 25px;width: 100%;display: flex;align-items: center;}
.foot-1 .cont .item:first-child{display: block;}
.foot-1 .cont .item:first-child .iconfont{margin-top: 10px;}
.foot-1 .cont .item b{font-size: 30px;display: block;font-family: "DIN";line-height: 1;}
.foot-1 .cont .item .iconfont{font-size: 45px;color: #8b6035;display: block;float: left;margin-right: 30px;line-height: 1;}
.foot-1 .cont .item:last-child{margin-bottom: 0;}

.foot-1 .r{width: 129px;background-color: #d8d8d8;padding: 10px;}
.foot-1 .r .pic{width: 129px;margin: 0 auto;}
.foot-1 .r .t{padding: 30px 0 10px;}

footer .form{width: 700px;margin-left: 150px;}
.form input{border: 0;background-color: #d8d8d8;padding: 10px 20px;margin-right:20px;display: inline-block;min-height: 40px;line-height: 40px;font-size: 16px;width: calc(100% - 40px);}
.form .item .l{width: 334px;margin-left: 30px;position: relative;}
.form .item .l:first-child{margin-left: 0;}
.form .item{width: 100%;margin-bottom: 15px;position: relative;}
.form .item input#phone{margin-right: 0;}
.form input#message{width: calc(100% - 40px);}
.form button{background-color: #804f21; border: 1px solid #804f21; color: #fff;padding: 18.5px 40px; border-radius: 0; font-size: 16px;position: relative; display: inline-block;float: right;cursor: pointer;}
.form input#code{width: 200px;}


.bottom{background-color: #8b6035;padding:20px 0;color: #ffffff;}
.bottom a{color: #ffffff;}
.bottom a:hover{color: #000000;}


.nyheader{position:fixed;color:#000;background-color: #ffffff;padding: 0;}
.nyheader .container{margin: 0 auto;width: 1440px;background: #ffffff;height: 113px;}

.nybanner{width:100%;height:680px;overflow:hidden;background-size:cover;padding-top: 113px}
.jz{    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;}
.location{background-color:#ececec;color:#000;height:110px}
.location .container.jz{justify-content:space-between;    height: 110px;}
.location .nysubnav ul li{float:left;width:140px;height:110px;position:relative}
.location .nysubnav ul li::after{content:'/';top:43px;right:30%;z-index:1;position:absolute}
.location .nysubnav ul li:last-child::after{content:''}
.location .nysubnav ul li a{display:inline-block;position:relative;height:110px;line-height:110px;font-size:16px}
.location .nysubnav ul li.active a{color:#804f21}
.location .nysubnav ul li.active a::after{width:100%;background-color:#804f21}
.hasline::after{content:'';display:block;position:absolute;right:0;bottom:0;width:0%;height:6px;background-color:#fff;-webkit-transition:.5s;transition:.5s}
.hasline:hover::after{width:100%;left:0;background-color:#804f21}
.position i{margin-right:8px}
.ny-content{padding:100px 0;min-height: 500px;}

.show-content{background-color: #f7f7f7;}
.news-content{padding:60px 70px;width:1060px;background-color:#fff;margin:0 auto;box-shadow: 6px 10px 10px #dfdfdf}
.news-content h2.tit{font-size:28px;font-weight:400}
.news-content .meta{color:#999;margin-top:10px}
.news-content .meta span{padding:0 5px}
.news-content .edit-cont{padding:3% 0;margin-top:2%;border-top:1px solid #eee;font-size:16px;color:#666;line-height:2}
.news-content .edit-cont img{display:inline-block}
.news-content .edit-cont .pic{margin: 0 auto 30px; text-align: center;}
.news-content .bshare{margin-top:10px}
.previous{padding:26px 0 0;border-top:1px solid #dedede;position:relative;margin-top:50px}
.previous .previ{display:block;width:130px;height:44px;text-align:center;line-height:44px;color:#333;background-color:#dedede}
.previous .prev{float:left}
.previous .next{float:right}
.backlist{display:block;width:145px;height:44px;text-align:center;line-height:44px;color:#fff;background:#804f21;position:absolute;left:50%;margin-left:-72px;top:26px}
.backlist:hover{background:#666}
.previous .previ:hover{background:#804f21;color:#fff}

.Validform_checktip {position: absolute;bottom: 0;font-size: 12px;right: 0;}
.Validform_wrong{color: #ff0000;}
.codebox .Validform_checktip{left: 160px;right: auto;}

.page {
  text-align: center;
  margin: 40px 0 80px;
}

.pagination {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.pagination li {
  display: inline;
  margin: 0 5px;
}

.pagination li.active a {
  background-color: #804f21;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}

.pagination li a {
  text-decoration: none;
  color: #804f21;
  padding: 5px 10px;
  border: 1px solid #804f21;
  border-radius: 5px;
}

.pagination li a:hover {
  background-color: #f2f2f2;
  color: #804f21;
}
.news_list_page .news_list .item:nth-child(3n){margin: 0 0 70px 0;}
.news_list_page .news_list .item{width: 433px;}

.ny-content .title{margin-bottom:50px}
.ny-content  .title::after{background-color: #000;}

.ny_product-list .p-i-item { float: left; position: relative; top: 0; margin-right: 2%; margin-bottom: 30px; width: 23%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.ny_product-list .p-i-item:hover { top: -5px }
.ny_product-list .p-i-item:hover .p-i-pic img { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04) }
.ny_product-list .p-i-item:hover .p-i-info { background: #bab399; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.ny_product-list .p-i-item:hover .p-i-info .i { visibility: visible; opacity: 1; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.ny_product-list .p-i-pic { overflow: hidden;min-height: 390px;max-height: 390px; }
.ny_product-list .p-i-pic img { width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.ny_product-list .p-i-info { padding: 15px 30px; background: #804f21; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.ny_product-list .p-i-info .i { float: right; margin-left: 15px; border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; background: url(../images/more.png) no-repeat center center; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.ny_product-list .p-i-info .c { overflow: hidden; font-size: 14px; line-height: 30px; color: #fff; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }

.news-item {
  position: relative;
  display: block;
  padding: 62px 0 50px;
}
.news-item::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 1px;
  width: 94.86%;
  background-color: #E5E5E5;
}
.news-item .date {
  position: absolute;
  top: 50%;
  left: 2.5%;
  transform: translateY(-50%);
  text-align: center;
}
.news-item .date * {
  line-height: 1;
  font-family: 'Arial';
}
.news-item .date .day {
  font-size: 52px;
  color: #545E67;
  margin-bottom: 18px;
}
.news-item .date .year {
  color: #9E9E9F;
}
.news-item .txt {
  position: relative;
  width: 77.78%;
  margin-left: 11.875%;
  padding-left: 2.78%;
  box-sizing: border-box;
  border-left: 1px solid #E5E5E5;
}
.news-item .txt::before {
  content: '';
  position: absolute;
  top: 7px;
  left: -1%;
  height: 1px;
  width: 0;
  background-color: #804f21;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.news-item .txt h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #3B424C;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-item .txt p {
  color: #9E9E9F;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-item .icon {
  position: absolute;
  right: 3.96%;
  top: 50%;
  transform: translateY(-50%);
  height: 40px;
  line-height: 40px;
  padding-left: 1.25%;
  border-left: 1px solid #E5E5E5;
}
.news-item .icon i {
  font-size: 12px;
  color: #979999;
}
.news-item:hover {
  box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.06);
}
.news-item:hover .txt::before {
  width: 4.3%;
}
.news-item:hover .txt h3 {
  color: #804f21;
  padding-left: 1.79%;
}

.fx {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.fw {
    flex-wrap: wrap;
}
.culture-item {
  width: 30.9%;
  margin-right: 52px;
  margin-bottom: 52px;
}
.culture-item:nth-child(3n) {
  margin-right: 0;
}
.culture-item .img {
  position: relative;
  padding-bottom: 57.75%;
  width: 100%;
  overflow: hidden;
}
.culture-item .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  object-fit: cover;
}
.culture-item .txt {
  background-color: #F7F7F7;
  padding: 23px 7.19% 26px;
}
.culture-item .txt .date {
  display: block;
  margin-bottom: 8px;
  color: #9E9E9F;
  line-height: 1;
}
.culture-item .txt h3 {
  padding-bottom: 18px;
  margin-bottom: 15px;
  font-size: 18px;
  color: #3B424C;
  line-height: 1.2;
  border-bottom: 1px solid rgba(112, 112, 112, 0.22);
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style:normal;
}
.culture-item .txt p {
  position: relative;
  line-height: 1.3;
  color: #666;
}
.culture-item .txt p i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.culture-item:hover img {
  transform: scale(1.04);
}
.culture-item:hover .txt {
  background-color: #804f21;
}
.culture-item:hover .txt * {
  color: #fff !important;
}
.culture-item:hover .txt h3 {
  border-bottom-color: #fff;
}

#baguetteBox-overlay {
    display:none;
    opacity:0;
    position:fixed;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000000;
    background-color:#222;
    background-color:rgba(0, 0, 0, .8);
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease;
    z-index:998
}
#baguetteBox-overlay.visible {
    opacity:1
}
#baguetteBox-overlay .full-image {
    display:inline-block;
    position:relative;
    width:100%;
    height:100%;
    text-align:center
}
#baguetteBox-overlay .full-image figure {
    display:inline;
    margin:0;
    height:100%
}
#baguetteBox-overlay .full-image img {
    display:inline-block;
    width:auto;
    height:auto;
    max-height:100%;
    max-width:100%;
    vertical-align:middle;
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, .6);
    box-shadow:0 0 8px rgba(0, 0, 0, .6)
}
#baguetteBox-overlay .full-image figcaption {
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    line-height:-6.2;
    line-height:42px;
    white-space:normal;
    color:#ccc;
    background-color:#000;
    background-color:rgba(0, 0, 0, .6);
    font-family:sans-serif;
    font-size:1.4rem
}
#baguetteBox-overlay .full-image:before {
    content:"";
    display:inline-block;
    height:50%;
    width:1px;
    margin-right:-1px
}
#baguetteBox-slider {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    white-space:nowrap;
    -webkit-transition:left .4s ease, -webkit-transform .4s ease;
    transition:left .4s ease, -webkit-transform .4s ease;
    transition:left .4s ease, transform .4s ease;
    transition:left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}
#baguetteBox-slider.bounce-from-right {
    -webkit-animation:bounceFromRight .4s ease-out;
    animation:bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left {
    -webkit-animation:bounceFromLeft .4s ease-out;
    animation:bounceFromLeft .4s ease-out
}
@-webkit-keyframes bounceFromRight {
    0% {
        margin-left:0
    }
    50% {
        margin-left:-30px
    }
    100% {
        margin-left:0
    }
}
@keyframes bounceFromRight {
    0% {
        margin-left:0
    }
    50% {
        margin-left:-30px
    }
    100% {
        margin-left:0
    }
}
@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left:0
    }
    50% {
        margin-left:30px
    }
    100% {
        margin-left:0
    }
}
@keyframes bounceFromLeft {
    0% {
        margin-left:0
    }
    50% {
        margin-left:30px
    }
    100% {
        margin-left:0
    }
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top:50%;
    top:calc(50% - 30px);
    width:54px;
    height:82px
}
.baguetteBox-button {
    position:absolute;
    cursor:pointer;
    outline:0;
    padding:0;
    margin:0;
    border:0;
    -moz-border-radius:15%;
    border-radius:15%;
    background-color:#323232;
    background-color:rgba(100, 100, 100, .8);
    color:#fff;
    font:1.6em sans-serif;
    -webkit-transition:background-color .4s ease;
    transition:background-color .4s ease
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color:#804f21;
    color: #fff;
}
.baguetteBox-button#next-button {
    right:3%
}
.baguetteBox-button#previous-button {
    left:2%
}
.baguetteBox-button#close-button {
    top:20px;
    right:calc(2% + 5px);
    width:40px;
    height:40px
}
.baguetteBox-button#close-button svg {
    position:absolute;
    left:6px;
    top:4px
}
.baguetteBox-button svg {
    left:13px;
    top:18px
}
.baguetteBox-button#previous-button svg {
    position:absolute;
    left:4px;
    top:12px
}
.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
    width:48%;
    height:30%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-color:#fff;
    opacity:.6;
    position:absolute;
    top:600px;
    left:0;
    right:0;
    margin:0 auto;
    -webkit-animation:bounce 2s infinite ease-in-out;
    animation:bounce 2s infinite ease-in-out
}
.baguetteBox-double-bounce2 {
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes bounce {
    0%, 100% {
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1)
    }
}
.jsb {
    justify-content: space-between;
}
.ac {
    align-items: center;
}
.contactUs .contact-item {
  width: 27.84%;
  height: 220px;
  background-color: #F7F7F7;
  border-radius: 6px;
  text-align: center;
  padding: 40px 2% 0;
  transition: all 0.5s ease;
}
.contactUs .contact-item .icon {
  position: relative;
  width: 64px;
  height: 58px;
  background: url(../images/lbx.png) no-repeat center;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
}
.contactUs .contact-item .icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.contactUs .contact-item .icon svg path {
  fill: #fff;
  transition: all 0.5s ease;
}
.contactUs .contact-item h3 {
  font-size: 18px;
  line-height: 1;
  margin: 26px 0 15px;
  font-weight: normal;
  color: #3B424C;
}
.contactUs .contact-item p {
  color: #3B424C;
  font-size: 16px;
}
.contactUs .contact-item p a{
	color: #3B424C;
}
.contactUs .contact-item:hover p a{
	color: #ffffff;
}
.contactUs .contact-item p a:hover{
	color: #3B424C;
}
.contactUs .contact-item:hover {
  background-color: #804f21;
}
.contactUs .contact-item:hover .icon {
  background: url(../images/lbx-hover.png) no-repeat center;
  background-size: contain;
}
.contactUs .contact-item:hover .icon svg path {
  fill: #804f21;
}
.contactUs .contact-item:hover h3,
.contactUs .contact-item:hover p {
  color: #fff;
}
.contactUs .address p {
  line-height: 1.6;
}
.map {
  height: 480px;
  margin-top: 108px;
  margin-bottom: 100px;
}